<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车页面</title>
    <link rel="shortcut icon" href="./favicon.ico" />
    <link rel="stylesheet" href="./node_modules/_bootstrap@3.4.1@bootstrap/dist/css/bootstrap.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/cart.css">
</head>
<body>
    <div id="top_banner">
        <a href="#"><img
                src="https://img.alicdn.com/imgextra/i4/O1CN01a7vciu1PhsUgvhKMv_!!6000000001873-0-tps-1920-200.jpg"
                alt=""></a>
    </div>
    <div id="nav">
        <div class="nav_inner container clearfix">
            <div class="n_left">
                <em>欢迎来到天猫</em>
                <a href="./login.html">请登录</a>
                <a href="./register.html">免费注册</a>
            </div>
            <ul class="n_right clearfix">
                <li class="mytaobao">
                    <a href="#">我的淘宝</a>
                    <span class="arrow"></span>
                    <div class="n_box">
                        <p><a href="">已买到的宝贝</a></p>
                        <p><a href="">已卖出的宝贝</a></p>
                    </div>
                </li>
                <li>
                    <i class="iconfont icon-cart"></i>
                    <a href="#">购物车</a>
                </li>
                <li>
                    <a href="#">收藏夹</a>
                    <span class="arrow"></span>
                    <div class="n_box">
                        <p><a href="">收藏的宝贝</a></p>
                        <p><a href="">收藏的店铺</a></p>
                    </div>
                </li>
                <li>
                    <i class="iconfont icon-top_phone"></i>
                    <a href="#">手机版</a>
                    <div class="qr">
                        <p></p>
                    </div>
                </li>
                <li><a href="#">淘宝网</a></li>
                <li>
                    <span class="arrow"></span>
                    <a href="#">商家支持</a>
                    <div class="support">
                        <ol class="clearfix">
                            <li>
                                <h3>商家:</h3>
                                <a href="#">商家中心</a><a href="#">天猫规则</a>
                                <a href="#">商家入驻</a><a href="#">运营服务</a>
                                <a href="#">商家品控</a><a href="#">商家工具</a>
                                <a href="#">天猫智库</a><a href="#">哺言哺语</a>
                            </li>
                            <li>
                                <h3>帮助:</h3>
                                <a href="#">帮助中心</a><a href="#">向商家</a>
                            </li>
                        </ol>
                    </div>
                </li>
                <li>
                    <i class="iconfont icon-menu"></i>
                    <a href="#">网站导航</a>
                    <span class="arrow"></span>
                </li>

            </ul>
        </div>
    </div>
    <!-- 面包屑导航 -->
    <div>
        <div class="container">
            <ol class="breadcrumb">
                <li><a href="index.html">首页</a></li>
                <li><a href="list.html">列表页</a></li>
                <li class="active">购物车页面</li>
            </ol>
        </div>
    </div>
    <div class="container-fluid">
        <div class="container cart">
            <table class="table table-borderd">
                <thead>
                    <tr>
                        <th>全选&nbsp;&nbsp;<input type="checkbox" name="selectAll"></th>
                        <th>商品图片</th>
                        <th>商品名称</th>
                        <th>商品单价</th>
                        <th>商品数量</th>
                        <th>商品小计</th>
                        <th>操作</th>
                    </tr>
                </thead>
                <tbody></tbody>
                <tfoot>
                    <tr class="jeisuan">
                        <td>全选&nbsp;&nbsp;<input type="checkbox" name="selectAll"></td>
                        <td colspan="2">商品总数量：<span class="totalnum">0</span>件</td>
                        <td colspan="3" class="tprice">商品总价：<span class="totalprice">0</span>元</td>
                        <td><a href="" class="btn btn-success">结算</a></td>
                    </tr>
                </tfoot>
            </table>
        </div>
    </div>





    <div id="footer" class="container">
        <p>
            <a href="javascript:;">关于天猫</a>
            <a href="javascript:;">帮助中心</a>
            <a href="javascript:;">开放平台</a>
            <a href="javascript:;">诚聘英才</a>
            <a href="javascript:;">联系我们</a>
            <a href="javascript:;">网站合作</a>
            <a href="javascript:;">法律声明</a>
            <a href="javascript:;">隐私权政策</a>
            <a href="javascript:;">知识产权</a>
            <a href="javascript:;">廉正举报</a>
        </p>
        <p><a href="javascript:;">阿里巴巴集团</a>
            <a href="javascript:;">淘宝网</a>
            <a href="javascript:;">天猫</a>
            <a href="javascript:;">聚划算</a>
            <a href="javascript:;">全球速卖通</a>
            <a href="javascript:;">阿里巴巴国际交易市场</a>
            <a href="javascript:;">1688</a>
            <a href="javascript:;">阿里妈妈</a>
            <a href="javascript:;">飞猪</a>
            <a href="javascript:;">阿里云计算</a>
            <a href="javascript:;">AliOS</a>
            <a href="javascript:;">阿里通信</a>
            <a href="javascript:;">万网</a>
            <a href="javascript:;">高德</a>
            <a href="javascript:;">UC</a>
            <a href="javascript:;">友盟</a>
            <a href="javascript:;">虾米</a>
            <a href="javascript:;">钉钉</a>
            <a href="javascript:;">支付宝</a>
            <a href="javascript:;">阿里安全</a>
        </p>
        <p>
            <a href="javascript:;">增值电信业务经营许可证：浙B2-20110446</a>
            <span>市场名称登记证：工商网市字3301004119号</span>
            <span>出版物网络交易平台服务经营备案证： 新出发浙备字第2019002号</span>
        </p>
        <p>
            <span>互联网违法和不良信息举报电话：0571-81683755 blxxjb@alibaba-inc.com</span>
            <a href="javascript:;">互联网药品信息服务资质证书编号：浙-（经营性）-2017-0005 </a>
            <a href="javascript:;"><img src="https://img.alicdn.com/tps/TB1yEqRPXXXXXXPXpXXXXXXXXXX-20-20.png"
                    alt="">浙公网安备 33010002000120号</a>
        </p>
        <p>医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00002号</p>
        <p>浙江省网络食品销售第三方平台提供者备案：浙网食A33010002 12318举报 浙B2-20110446-1</p>
        <p>© 2003-2020 TMALL.COM 版权所有</p>

    </div>


    <script src="./node_modules/_jquery@3.6.0@jquery/dist/jquery.js"></script>
    <script src="./node_modules/_layui-layer@1.0.9@layui-layer/dist/layer.js"></script>
    <script src="./js/utils.js"></script>
    <script src="./js/cart.js"></script>
</body>
</html>